<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>组合选择器</title>
    <style>
        /* 减少撞名的概率 */
        /* 组合选择器（将基本选择器组合起来使用）：
            1. 后代选择器E  F: 获取到E选择器的后代F选择器对应的HTML元素
            2. 子代选择器E>F: 获取到E选择器的子代F选择器对应的HTML元素
            3. 交集选择器EF: 获取到既满足E选择器，又满足F选择器，对应的HTML元素
        */
        /* .ye>.lanmeng{ color: red; } */
        /* .luo>.lanmeng{ color: blue;} */
        .ye  .lanmeng.last{ font-size: 100px;}
    </style>
</head>
<body>
    <div class="ye">
        <div class="erdai1">
            <div class="lanmeng">叶蓝梦</div>
            <div class="lanmeng last">叶蓝梦last</div>
        </div>
        <div class="erdai2">
            <div class="wangcai last">二代2的last</div>
        </div>
    </div>

    <div class="luo">
        <div class="lanmeng">罗蓝梦</div>
    </div>
</body>
</html>